<div id="formDetails" class="container">

 <form id="userDetailsForm" class="form-horizontal">

        <fieldset>

        <!-- Form Name -->
        <legend>User Details</legend>

        <!-- Text input-->
        <div class="control-group">
            <label class="control-label" for="nameInput">Name</label>
            <div class="controls">
              <input id="nameInput" name="nameInput" type="text" placeholder="please enter name here" class="input-xlarge">

            </div>
        </div>

        <!-- Text input-->
        <div class="control-group">
            <label class="control-label" for="addressInput">Address</label>
            <div class="controls">
                <input id="addressInput" name="addressInput" type="text" placeholder="please enter address here" class="input-xlarge">

            </div>
        </div>

        <!-- Text input-->
        <div class="control-group">
            <label class="control-label" for="emailInput">Email</label>
            <div class="controls">
                <input id="emailInput" name="emailInput" type="text" placeholder="please enter your email here" class="input-xlarge">

            </div>
        </div>

        <!-- Text input-->
        <div class="control-group">
            <label class="control-label" for="phoneInput">phone</label>
            <div class="controls">
                <input id="phoneInput" name="phoneInput" type="text" placeholder="please enter phone here" class="input-xlarge">

            </div>
        </div>

        <!-- Button -->
        <div class="control-group">
            <label class="control-label" for="btnSubmit"></label>
            <div class="controls">
                <button id="btnSubmit" name="btnSubmit" class="btn btn-primary">Submit</button>
            </div>
        </div>

    </fieldset>
</form>

 </div>

